<template>
  <div class="textarea1">
    <div>{{ labelText }}</div>
    <my-img :img="img"></my-img>
    <el-radio-group v-model="myRadio" :disabled="disable"  @input="updateMyInput" v-removeAriaHidden>
      <el-radio :label="0">正确</el-radio>
      <el-radio :label="1">错误</el-radio>
    </el-radio-group>
  </div>
</template>
<script>
import MyImg from "./img.vue"
export default {
  components: {
    MyImg
  },
  props: {
    labelText: {
      type: String,
      default: ""
    },
    disable: {
      type: Boolean,
      default: false
    },
    img: {
      type: String,
      default: ""
    }
  },
  data() {
    return {
      myRadio: ""
    }
  },
  methods: {
    updateMyInput(val) {
      this.$emit("changeSelect", val)
    },
  }
}
</script>
<style lang="less" scoped>
.textarea1 {
  text-align: left;
}
.el-radio /deep/ .el-radio__label {
  font-size: 20px;
  line-height: 2;
}
.el-radio /deep/ .is-disabled+span.el-radio__label {
  color: #606266;
}
</style>
